page {
	background-color: #F2F6FC;
}

view {
	font-family: PingFangSC-Regular, PingFang SC;
}

.agencies_wrap {
	padding: 0rpx 32rpx 32rpx;
	position: relative;

	.agencies_backg {
		background: linear-gradient(180deg, #6E99C7, #5BC8F6) !important;
	}

	.agencies_my {
		width: 670rpx;
		flex-direction: row;
		align-items: center;

		.agencies_my_icons {
			width: 670rpx;
			height: 44rpx;
			display: flex;
			justify-content: flex-end;
			margin-top: 20rpx;

			.agencies_my_icon {
				width: 44rpx;
				height: 44rpx;
			}
		}

		.agencies_my_imgtxt {
			display: flex;
			width: 670rpx;

			.agencies_my_img {
				margin-right: 24rpx;

				image {
					width: 108rpx;
					height: 108rpx;
					border-radius: 50%;
				}
			}

			.agencies_my_txt {
				.agencies_my_dispensary {
					font-family: PingFangSC-Regular, PingFang SC;
					height: 56rpx;
					font-size: 40rpx;
					color: #FFFFFF;
					font-weight: 600;
					font-family: PingFangSC-Semibold, PingFang SC;
				}

				.agencies_my_namechange {
					font-family: PingFangSC-Regular, PingFang SC;
					position: relative;
					margin-top: 2rpx;
					height: 50rpx;

					.agencies_my_name {
						color: #FFFFFF;
						font-size: 36rpx;
						font-weight: 400;
					}
				}

				.agencies_my_address {
					width: 212px;
					// height: 17px;
					font-size: 12px;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #FFFFFF;
					line-height: 17px;
				}
			}

		}
	}

	.agencies_data {
		width: 676rpx;
		height: 142rpx;
		background: rgba(255, 255, 255, 0.27);
		border-radius: 24rpx;
		margin-top: 24rpx;
		margin-bottom: 24rpx;
		display: flex;
		justify-content: space-around;
		text-align: center;
		position: relative;

		.agencies_data_num {
			width: 224rpx;

			view {
				color: #FFFFFF;
			}

			view:nth-child(1) {
				font-size: 24rpx;
				font-weight: 400;
				margin-top: 24rpx;
				margin-bottom: 16rpx;
			}

			view:nth-child(2) {
				font-size: 36rpx;
				font-weight: 600;
			}
		}

		.agencies_vertical {
			width: 2rpx;
			height: 50rpx;
			background: #FFFFFF;
			opacity: 0.39;
			margin: 46rpx 0;
		}
	}

	.member-main {
		border-radius: 16rpx;
		background-color: rgba(255, 255, 255, 1);
		width: 686rpx;
		padding: 20rpx 30rpx 0;
		box-sizing: border-box;
		margin-bottom: 24rpx;

		.member-main-list {
			display: flex;
			flex-wrap: wrap;
			margin-top: 24rpx;

			// justify-content: space-between;
			.member-main-item {
				width: 25%;
				margin-bottom: 36rpx;

				.main-item-pic {
					width: 76rpx;
					height: 76rpx;
					display: block;
					margin: 0 auto 12rpx;
				}

				.main-item-info {
					font-size: 26rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #222222;
					text-align: center;
				}
			}
		}

		.datas_analyze {
			display: flex;
			width: 624rpx;
			height: 140rpx;
			margin-bottom: 24rpx;
			background: #F2F6FC;
			border-radius: 12px;

			>view {
				width: 156rpx;
				text-align: center;

				>view {
					height: 70rpx;
					line-height: 70rpx;
				}

				>view:nth-child(1) {
					font-size: 24rpx;
					font-weight: 400;
					color: #6B6970;
				}

				>view:nth-child(2) {
					font-size: 30rpx;
					font-weight: 400;
					color: #222222;
				}
			}
		}

		.available_surplus {
			padding: 16rpx 0;
			border-top: 2rpx solid #E5E5E5;
			display: flex;
			justify-content: space-between;

			view {
				font-size: 28rpx;
			}

			view:nth-child(1) {
				color: #6B6970;
				line-height: 56rpx;
			}

			view:nth-child(2) {
				color: #222222;
				line-height: 56rpx;
			}

			.available_surplus_button {
				width: 140rpx;
				height: 56rpx;
				background: #FF9660;
				border-radius: 14px;
				color: #FFFFFF !important;
				font-size: 24rpx;
				line-height: 56rpx;
			}
		}

		.asset_manage {
			.asset_div {
				padding: 24rpx 0;
				font-size: 28rpx;
				color: #6B6970;
				display: flex;
				justify-content: space-between;
				border-bottom: 2rpx solid #E5E5E5;

				image {
					width: 36rpx;
					height: 36rpx;
					cursor: pointer;
				}

				.url_copy {
					width: 80rpx;
					height: 36rpx;
					border-radius: 22rpx;
					border: 2rpx solid #B0B2B1;
					font-size: 24rpx;
					font-weight: 400;
					color: #B0B2B1;
					line-height: 36rpx;
					text-align: center;
				}
			}

			.asset_div:nth-child(1) {
				margin-top: 28rpx;
			}

			.bord_bot {
				border-bottom: none;
			}
		}
	}

	.agencies_my_change {
		position: absolute;
		width: 144rpx;
		height: 48rpx;
		background: rgba(0, 0, 0, 0.14);
		color: #FFFFFF;
		font-size: 24rpx;
		text-align: center;
		line-height: 48rpx;
		border-top-left-radius: 24rpx;
		border-bottom-left-radius: 24rpx;
		top: 108rpx;
		right: 0;
	}
	
	.qrcode-root {
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 8888;
		background-color: rgba(0, 0, 0, 0.5);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		.qrcode-dialog {
			background-color: #FFFFFF;
			border-radius: 24rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			padding: 24rpx;
			.poster-wrap {
				border-radius: 24rpx;
				box-shadow: 0rpx 2rpx 10rpx 0rpx rgba(0, 0, 0, 0.1);
				margin: 24rpx 0;
				box-sizing: border-box;
				display: flex;
			}
			.close-btn {
				width: 40rpx;
				height: 40rpx;
				align-self: flex-end;
			}
			.btn-line {
				display: flex;
				justify-content: space-around;
				align-items: center;
				.confirm-btn {
					width: 204rpx;
					height: 76rpx;
					background: #6E99C7;
					border-radius: 38rpx;
					font-size: 28rpx;
					font-family: PingFangSC-Semibold, PingFang SC;
					font-weight: 600;
					color: white;
					text-align: center;
					line-height: 76rpx;
					margin-right: 24rpx;
				}
			}
		}
		
	}
}